<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        样式表的创建（3种）
         1，内部样式表  只作用于当前的文件  一般用在活动 专题

         2，行内（行间）样式表  只作用于当前标签 不常用 一般用在出错调试
                语法<标签名称 style="属性:属性值;"></标签名称>

         3，外部样式表 用的最多    作用于所有文件  
            引入外部样式  用的最多的  
                a,先创建外部样式后缀是.css
                b,在<head>
                    <link href="路径" rel="stylesheet" type="text/css"/>
                    rel="stylesheet" 关联样式表 必须得写 
                    type="text/css" 可加可不加
                </head> 
            导入外部样式表 用的很少
                <style> 
                    @import url(路径);
                </style>

            要求：
                把你周末作业的内部样式改成外部样式表
     -->
     <style>
        /* div{
            color:red;
        } */
        @import url(style.css);
     </style>
     <!-- <link href="style.css" rel="stylesheet" /> -->
  
</head>
<body>
   <div style="color:red;">大哥</div> 
   <div>二哥</div>
   <p class="box">三妹</p>
</body>
</html>